<template>
    <d2-container>
        <div style="width: 40%">
            <el-form ref="detailForm" :model="detailForm" label-width="80px">
                <el-form-item label="订单ID">
                    <el-input disabled placeholder="订单ID" v-model="detailForm.order"></el-input>
                </el-form-item>
                <el-form-item label="快递ID">
                    <el-input disabled placeholder="快递ID" v-model="detailForm.tracking"></el-input>
                </el-form-item>
                <el-form-item label="快递公司">
                    <el-input disabled placeholder="快递公司" v-model="detailForm.company"></el-input>
                </el-form-item>
                <el-form-item label="省份">
                    <el-select v-model="detailForm.province" placeholder="请选择">
                        <el-option
                                v-for="item in provinceAry"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="价格">
                    <el-input-number v-model="detailForm.price" controls-position="right" min="0"></el-input-number>
                </el-form-item>
                <el-form-item >
                    <el-button type="primary" @click="submitForm('detailForm')">确定</el-button>
                    <el-button @click="resetForm('detailForm')">重置</el-button>
                </el-form-item>
            </el-form>
        </div>
    </d2-container>
</template>

<script>
  export default {
    name: 'changeShipping',
    data() {
      return {
        detailForm: {},
        provinceAry: [
          {label: '上海', value: '上海'},
          {label: '新疆', value: '新疆'},
          {label: '北京', value: '北京'},
        ]
      }
    }
  }
</script>

<style scoped>

</style>
